<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>报名</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <!--在iPhone 手机上禁止了把数字转化为拨号链接-->
    <meta content="telephone=no" name="format-detection" />
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 网站开启对web app程序的支持，在web app应用下状态条（屏幕顶部条）的颜色，默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/app/{{$activity_template}}/css/index.css" type="text/css"/>
    <link rel="stylesheet" href="/app/{{$activity_template}}/css/animate.min.css" type="text/css"/>
    <script type="text/javascript" src="/app/{{$activity_template}}/js/jquery.min.js"></script>
    <script type="text/javascript" src="/app/{{$activity_template}}/js/layer/layer.js"></script>
    <script type="text/javascript">

        //ajax 请求回来或后台给的数据
        var data = {
            bgSrc:'{{$background}}'
        }

        var vote = {
            //游戏状态值data
            data:{},
            //设置data
            setData:function(obj){
                $.extend(this.data,obj);
            },
            //初始化
            init:function(){
                this.setData(data);
                //背景图片
                $('body').css({
                    background:'url('+this.data.bgSrc+") no-repeat top left",
                    backgroundSize:'contain'
                })
            }
        }
        $(document).ready(function(){
            vote.init();
            //禁止页面默认上下滑动
            document.ontouchmove = function(e){
                e.preventDefault();
            }

            $("#main").css({"height":$(document).height()*1.6,"width":$(document).width()});
            $(document).on('touchstart', '#main li img', function(e) {
                e.preventDefault();
            })
        })
    </script>
</head>
<body>

<ul  id="main" class="main">
</ul>
</body>
</html>